@import '../../variable.less';
.register-body{
  background: @whitecolor;
}
header {
  box-shadow: -1px 0 18px #ddd;
  .grid {
    margin: 0;
    height: 100px;
    line-height: 100px;
    &>* {
      padding: 0;
      img {
        width: 160px;
        height: 50px;
      }
      h3 {
        margin: 0;
        display: inline-block;
        margin-left: 30px;
        font-size: 1.5rem;
      }
    }
    .right {
      float: right;
      font-size: 1rem;
      color: #ACACAC;
      font-weight: 300;
      a {
        text-decoration: none;
        color: #333333;
      }
    }
  }
}
@media (min-width: 1220px) {
  .register-content .uk-container {
    max-width: 1000px;
  }
}
.register-content {
  padding-top: 60px;
  .left-group-input {
    border-right: 1px solid #DDDDDD;
    .signup-form{
      width:80%;
    }
    .error-messages{
      margin-top: 5px;
    }
  }
  .rows {
    height: 82px;
    .error-messages{
      color: @inputcolor;
    }
    .indensity-tips{
      color: @mutecolor;
      font-size: 0.9rem;
      margin-top: 5px;
    }
  }
  .group-input {
    position: relative;
    height: 50px;
    border: 1px solid #DDDDDD;
    line-height: 50px;
    white-space: nowrap;
    box-sizing: border-box;
    &.invalid{
      border-color: @inputcolor;
    }
    input {
      width: 78%;
      height: 80%;
      line-height: 80%;
      font-size: 1rem;
      outline: none;
      border: none;
    }
    ::-moz-placeholder {
      color: #ACACAC;
      font-weight: 300
    }
    ::-webkit-input-placeholder {
      color: #ACACAC;
      font-weight: 300
    }
    :-ms-input-placeholder {
      color: #ACACAC;
      font-weight: 300
    }
    label {
      display: inline-block;
      width: 20%;
      text-align: center;
      font-weight: 300;
    }
    .valid{
      position: absolute;
      top:0;
      right: 15px;
      .iconfont{
        color: #00a8e6;
      }
    }
  }
  .tips, .error {
    padding: 5px 0;
    color: #ACACAC;
    font-size: 0.9rem;
    font-weight: 300;
  }
  .email-code {
    float: right;
    margin: 5px 0;
    color: #3388ff;
    font-size: 12px;
    cursor: pointer;
  }
  .checkbox-div {
    a {
      color: #3388ff;
      &:hover {
        color: #3388ff;
        text-decoration: none;
      }
    }
  }
  .register-btn {
    margin-top: 30px;
    background: @inputcolor;
    border-color: @inputcolor;
    cursor: pointer;
    text-align: center;
    border: 0;
    button {
      width: 100%;
      height: 100%;
      background: transparent;
      border: none;
      color: @whitecolor;
      font-size: 15px;
      cursor: pointer;
      outline: none;
      &[disabled]{
        cursor: not-allowed;
      }
    }
  }
}
